<!DOCTYPE HTML>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">

    <title>※听雨※的个人博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">

    <meta name="author" content="听雨">

    <meta name="description" content="C#, Glong, Rust">

    <link rel="icon" href="/img/favicon.ico">

    <link rel="apple-touch-icon" href="/img/about.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/about.jpg">

    <link rel="stylesheet" href="/css/style.css">

</head>

<body>
    <header>
        <div>

            <div id="imglogo">
                <a href="/"><img src="/img/about.png" alt="※听雨※" title="※听雨※" /></a>
            </div>

            <div id="textlogo">
                <h1 class="site-name"><a href="/" title="※听雨※">※听雨※</a></h1>
                <h2 class="blog-motto">吃得苦中苦&nbsp;&nbsp;&nbsp;&nbsp;方为人上人</h2>

            </div>
            <div class="navbar">
                <a class="navbutton navmobile" href="#" title="菜单"></a>
            </div>
            <nav class="animated">
                <ul>
                    <li><a href="/">首页</a></li>

                    <li><a href="/category">分类</a></li>

                    <li><a href="/tag">标签</a></li>

                    <li><a href="/archive">归档</a></li>

                    <!-- <li><a href="#">资源分享</a></li> -->

                    <li><a href="/about">关于我</a></li>
                </ul>

            </nav>
        </div>

    </header>

    <div id="container">
        @yield('content')
    </div>



    <footer>
        <div id="footer">

            <section class="info">
                <p> 吃得苦中苦&nbsp;&nbsp;&nbsp;&nbsp;方为人上人 </p>
                <div style="line-height: 15px;font-size: 12px;">
                    <p>———— laraveladmin blog ————</p>
                    <p>———— ※听雨※ ————</p>
                </div>
            </section>
        </div>
    </footer>
    <script src="/js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.navbar').click(function() {
                $('header nav').toggleClass('shownav');
            });
            var myWidth = 0;

            function getSize() {
                if (typeof(window.innerWidth) == 'number') {
                    myWidth = window.innerWidth;
                } else if (document.documentElement && document.documentElement.clientWidth) {
                    myWidth = document.documentElement.clientWidth;
                };
            };
            var m = $('#main'),
                a = $('#asidepart'),
                c = $('.closeaside'),
                o = $('.openaside');
            $(window).resize(function() {
                getSize();
                if (myWidth >= 1024) {
                    $('header nav').removeClass('shownav');
                } else {
                    m.removeClass('moveMain');
                    a.css('display', 'block').removeClass('fadeOut');
                    o.css('display', 'none');

                }
            });
            c.click(function() {
                a.addClass('fadeOut').css('display', 'none');
                o.css('display', 'block').addClass('fadeIn');
                m.addClass('moveMain');
            });
            o.click(function() {
                o.css('display', 'none').removeClass('beforeFadeIn');
                a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');
                m.removeClass('moveMain');
            });
            $(window).scroll(function() {
                o.css("top", Math.max(80, 260 - $(this).scrollTop()));
            });
        });
    </script>



</body>

</html>